   /****************************************** 
  	 基础体温轴线触发的某天，底部对应的细节数据图
   *******************************************/
   
   function disableBBTChartDetail(){   		
   		document.getElementById('detail_table').style.display="none";   	  	
   		//document.getElementById('detail_table').style.visibility="hidden";   			
   }
   
   function enableBBTChartDetail(){
   		document.getElementById('detail_table').style.display="block";   
   		//document.getElementById('detail_table').style.visibility="visible";   			  		
   }
   
   function firstShowBBTChartDetail(){
   		initBBTChartDetailZone();
   		showBBTChartDetail();
   }
   
   function initBBTChartDetailZone(){
   		window.onload = initBBTChartDetailStyle();
   }
   
   function initBBTChartDetailStyle(){
		var bbtChartDetailHeight = Number(getScreenHeight() * (1 - bbtChartHeightPercentage)) + Number(chartDelta);
		var bbtChartDetailWidth = getScreenWidth();		
		
		/*设置主体显示div高度*/
		document.getElementById("detail_table").style.width = bbtChartDetailWidth + 'px';
		document.getElementById("detail_table").style.height = bbtChartDetailHeight + 'px';
		document.getElementById("periodDayNum_td").style.width = (bbtChartDetailWidth - bbtChartDetailHeight) / 2 + 'px';
		document.getElementById("periodDayNum_td").style.height = bbtChartDetailHeight + 'px';
		document.getElementById("periodDayTitle_td").style.width = (bbtChartDetailWidth - bbtChartDetailHeight) / 2 + 'px';
		document.getElementById("periodDayTitle_td").style.height = bbtChartDetailHeight + 'px';
		document.getElementById("detail_td").style.width = bbtChartDetailHeight + 'px';
		document.getElementById("detail_td").style.height = bbtChartDetailHeight + 'px';
		document.getElementById("detail_td").style.borderRadius = bbtChartDetailHeight / 2 + 'px';
		
		document.getElementById("heart").style.width = bbtChartDetailHeight / 10 + 'px';
		document.getElementById("moon").style.width = bbtChartDetailHeight / 10 + 'px';
		document.getElementById("drink").style.width = bbtChartDetailHeight / 10 + 'px';
		document.getElementById("medicine").style.width = bbtChartDetailHeight / 10 + 'px';
		document.getElementById("plane").style.width = bbtChartDetailHeight / 10 + 'px';		
   }
  
   function showBBTChartDetail(){
   	  /*
   		var latestValidDateStr = getLatestValidBBTDateStr(xAxisDateArray.toString());
   		
   		if(latestValidDateStr == "-")
   			latestValidDateStr = getCurrentDateStr();
	  */
	    var latestValidDateStr = getCurrentDateStr();
	   	var latestValidPeriodStr = customerDatePeriodMap.get(latestValidDateStr);
	   
	   	showBBTChartDetailForEach(latestValidDateStr, latestValidPeriodStr);
   }
   
   function showBBTChartDetailForEach(detailXAxisDayStr, periodStr){
   		showPeriodDayNum(detailXAxisDayStr);
   		showPeriodDayDetail(detailXAxisDayStr);
   		showPeriodDayTitleDetail(periodStr);	    
   }   
   
   function showPeriodDayNum(detailXAxisDayStr){
   		var lang = localStorage.getItem("language");
   		var showStr;
   		var dayOfCycle = getDaysFromPreviousYjqStartDate(detailXAxisDayStr);

   		if(lang == "chinese") showStr = '周期<br>第<span id="periodDayNum" style="font-size:20px;color:#40c2ff">' + dayOfCycle + '</span>天';
   		else if(lang == "english") showStr = 'Day-<span id="periodDayNum" style="font-size:20px;color:#40c2ff">' + dayOfCycle + '</span><br>of Cycle';

   		document.getElementById('periodDayNum_div').innerHTML = showStr;
   }

   function showPeriodDayDetail(detailXAxisDayStr){
   		showPeriodDayStateDetail(detailXAxisDayStr);
   		document.getElementById('detailTemperature').innerHTML = getDisplayTempValue(customerDateTemperatureMap.get(detailXAxisDayStr)) + getTempUnit();
	    document.getElementById('detailDate').innerHTML = getDetailDate(detailXAxisDayStr);
	    document.getElementById('detailDayOfWeek').innerHTML = getDetailDayOfWeek(detailXAxisDayStr);
   }

   function showPeriodDayTitleDetail(periodStr){
   		document.getElementById('periodDayTitle').src = setPeriodImageSrc(periodStr);
   }
   
   